<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/shoppingCart.css">
    <link rel="stylesheet" href="../css/pages.css">
</head>

<body>
    <!-- 头部 -->
    <div class="header"></div>
    <!-- banner -->
    <div class="Banner"><img src="../img/allGoodsList.jpg" alt=""></div>
    <!-- 内容 -->
    <div class="container">
        <div class="left">
            <ul>
                <li>
                    <span>新品NEW</span>
                    <div>
                        <a href="">全部商品</a>
                        <a href="">连衣裙</a>
                        <a href="">牛仔裤</a>
                        <a href="">外套</a>
                        <a href="">T恤</a>
                        <a href="">皮衣</a>
                        <a href="">卫衣</a>
                    </div>
                </li>
                <li>
                    <span>活动专区</span>
                    <div>
                        <a href="">全部商品</a>
                        <a href="">热销单品-6折畅购</a>
                        <a href="">入夏畅享惊喜3.8折</a>
                        <a href="">普/银/金卡会员2件8.8</a>
                    </div>
                </li>
                <li>
                    <span>商城同款新降折扣</span>
                    <div>
                        <a href="">全部商品</a>
                        <a href="">连衣裙</a>
                        <a href="">牛仔裤</a>
                        <a href="">外套</a>
                        <a href="">T恤</a>
                        <a href="">皮衣</a>
                        <a href="">卫衣</a>
                    </div>
                </li>
                <li>
                    <span>连衣裙</span>
                    <div>
                        <a href="">全部商品</a>
                        <a href="">牛仔连衣裙</a>
                        <a href="">PU连衣裙</a>
                        <a href="">针织连衣裙</a>
                        <a href="">休闲风连衣裙</a>
                    </div>
                </li>
                <li>
                    <span>牛仔范</span>
                    <div>
                        <a href="">全部商品</a>
                        <a href="">牛仔连衣裙</a>
                        <a href="">背带裤</a>
                        <a href="">直筒裤</a>
                        <a href="">休闲裤</a>
                        <a href="">破洞裤</a>
                        <a href="">九分裤</a>
                    </div>
                </li>
                <li>
                    <span>跨界联名</span>
                    <div>
                        <a href="">全部商品</a>
                        <a href="">史卢比</a>
                        <a href="">唐老鸭</a>
                        <a href="">小黄人</a>
                        <a href="">黛丝</a>
                        <a href="">玩具总动员</a>
                    </div>
                </li>
                <li>
                    <span>线上专享</span>
                    <div>
                        <a href="">全部商品</a>
                        <a href="">史卢比</a>
                        <a href="">唐老鸭</a>
                        <a href="">小黄人</a>
                        <a href="">黛丝</a>
                        <a href="">玩具总动员</a>
                    </div>
                </li>
                <li>
                    <span>裙装</span>
                    <div>
                        <a href="">全部商品</a>
                        <a href="">牛仔连衣裙</a>
                        <a href="">PU连衣裙</a>
                        <a href="">针织连衣裙</a>
                        <a href="">休闲风连衣裙</a>
                    </div>
                </li>
                <li>
                    <span>裤装</span>
                    <div>
                        <a href="">全部商品</a>
                        <a href="">牛仔连衣裙</a>
                        <a href="">背带裤</a>
                        <a href="">直筒裤</a>
                        <a href="">休闲裤</a>
                        <a href="">破洞裤</a>
                        <a href="">九分裤</a>
                    </div>
                </li>
                </li>
                <li>
                    <span>上装</span>
                    <div>
                        <a href="">全部商品</a>
                        <a href="">牛仔连衣裙</a>
                        <a href="">PU连衣裙</a>
                        <a href="">针织连衣裙</a>
                        <a href="">休闲风连衣裙</a>
                    </div>
                </li>
                <li>
                    <span>外套</span>
                    <div>
                        <a href="">全部商品</a>
                        <a href="">牛仔连衣裙</a>
                        <a href="">PU连衣裙</a>
                        <a href="">针织连衣裙</a>
                        <a href="">休闲风连衣裙</a>
                    </div>
                </li>
                <li>
                    <span>配饰</span>
                    <div>
                        <a href="">全部商品</a>
                        <a href="">包包</a>
                        <a href="">帽子</a>
                        <a href="">围巾</a>
                    </div>
                </li>
            </ul>
        </div>
        <!-- 右边 -->
        <div class="right">
            <div class="goodsList">
                <span class="allS">人气</span>
                <span class="allS">销量</span>
                <span class="allS">新品</span>
                <span class="allS">价格</span>
                <span class="smallB">
                    <input placeholder="最低价"  name="" id="">
                </span>-
                <span class="smallB">
                    <input placeholder="最高价"  name="" id="">
                </span>
            </div>
            <div class="Gg">
                <strong>共&nbsp;<span>5203</span>&nbsp;件商品</strong>
            </div>
            <!-- 渲染 -->
            <ul  class="paging_list"></ul>
            <!-- <ul></ul> -->
            <a href="./cart.html">
                <!-- <div class="count">
                    商品共<span>0</span>件
                </div> -->
            </a>
            <!-- 分页结构 -->
    <div class="paging_content">
        <div class="paging_first">首页</div>
        <div class="paging_up">上一个</div>
        <div class="paging_btn"></div>
        <div class="paging_down">下一个</div>
        <div class="paging_last" id="">尾页</div>
    </div>
        </div>
        
    </div>
    <!-- 底部 -->
    <div class="footer"></div>
    <script src="../libs/jquery.min.js"></script>
    <!-- <script src="../js/pAjax.js"></script>
    <script src="../js/Shooping.js"></script>
    <script src="../libs/jquery-paging.js"></script> -->
    <script src="../libs/require.js" data-main="../js/Shooping"></script>
    <script>
        $('.header').load('./header.html')
        $('.footer').load('./footer.html')
    </script>
</body>

</html>